<!--
 * @title:
 * @author: andy.ten@tom.com & xukaixing@hotmail.com
 * @Date: 2022-04-11 15:33:48
 * @LastEditors: andy.ten@tom.com
 * @LastEditTime: 2022-04-11 17:33:11
 * @version: 1.0.1
 * @copyright: copyright (c) 2022 andyten
 *  node: you can not copy and/or use and/or modify this program free,
 *  please reserve the segment above.Please mail me if you have any question.
-->
<template>
  <ht-drawer title="弹出抽屉窗口样例" :visible.sync="isVisible">
    <div style="text-align:left">
      <p>自定义窗口组件demo</p>
      <p>1. 支持 弹出窗口拖拽</p>
      <p>2. 支持 当前tab页弹出，可切换tab页</p>
      <p>3. 支持 各个tab页都可弹出窗口</p>
    </div>
  </ht-drawer>
</template>
<script>
export default {
  name: 'DemoDrawer',
  props: {
    visible: {
      type: Boolean,
      required: false,
      default: false
    }
  },
  data() {
    return {
      isVisible: this.visible
    };
  },
  watch: {
    isVisible(newValue, oldValue) {
      this.$emit('update:visible', newValue);
    }
  },
  created() {
  },
  methods: {
  }
};
</script>
